// 弹性滚动函数
function lerp(start, end, amt){
  return (1-amt)*start + amt*end;
}

let lastScroll = 0;
let currentScroll = 0;

// 检测是否在微信浏览器中
function isWechatBrowser() {
  return /micromessenger/i.test(navigator.userAgent);
}

// 检测是否为微信8.0.62版本
function isWechat8062() {
  return /micromessenger\/8\.0\.62/i.test(navigator.userAgent);
}

// 检测视频是否可以播放，如果不能播放则添加相关类名
function checkVideoPlayback() {
  const video = document.getElementById('header-video');

  // 微信8.0.62版本特殊处理
  if (isWechat8062()) {
    // 添加微信8.0.62浏览器特定属性
    video.setAttribute('x5-video-player-type', 'h5');
    video.setAttribute('x5-video-player-fullscreen', 'true');
    video.setAttribute('x5-video-orientation', 'portraint');
    video.setAttribute('preload', 'auto');
    video.setAttribute('controlslist', 'nodownload');
    video.setAttribute('disablepictureinpicture', '');

    // 微信8.0.62版本中延迟播放视频
    setTimeout(() => {
      // 先暂停再播放，解决微信8.0.62版本的播放问题
      video.pause();
      video.load();

      setTimeout(() => {
        const playPromise = video.play();
        if (playPromise !== undefined) {
          playPromise.then(() => {
            console.log('微信8.0.62版本视频播放成功');
            // 播放成功后隐藏视频控件
            video.removeAttribute('controls');
          }).catch(error => {
            console.log('微信8.0.62版本视频播放失败:', error);
            // 播放失败时显示控件让用户手动播放
            video.setAttribute('controls', '');
            // 设置海报图片作为后备方案
            video.setAttribute('poster', 'source/index_imgs/wx.jpg');
          }
        }, 100);
      }, 500);
    }
    // 微信浏览器特殊处理（非8.0.62版本）
    else if (isWechatBrowser()) {
      // 添加微信浏览器特定属性
      video.setAttribute('x5-video-player-type', 'h5');
      video.setAttribute('x5-video-player-fullscreen', 'true');
      video.setAttribute('x5-video-orientation', 'portraint');
      video.setAttribute('preload', 'auto');

      // 微信浏览器中延迟播放视频
      setTimeout(() => {
        video.play().then(() => {
          console.log('微信浏览器视频播放成功');
        }).catch(error => {
          console.log('微信浏览器视频播放失败:', error);
          // 在微信中添加poster属性作为后备方案
          video.setAttribute('poster', 'source/index_imgs/wx.jpg');
        });
      }, 300);
    }
    // 非微信浏览器的处理
    else {
      const playPromise = video.play();

      if (playPromise !== undefined) {
        playPromise.then(_ => {
          // 视频播放成功
          console.log('视频播放成功');
        }).catch(error => {
          // 视频播放失败
          console.log('视频播放失败:', error);
        });
      }
    }
  }

  function updateHeader() {
    currentScroll = window.scrollY;

    // 平滑滚动值
    lastScroll = lerp(lastScroll, currentScroll, 0.08);

    const video = document.getElementById('header-video');
    const heroContent = document.getElementById('hero-content');
    const overlay = document.getElementById('video-overlay');

    // 视频微动比例
    video.style.transform = `translateY(${lastScroll * 0.08}px)`;

    // 文字微动比例
    heroContent.style.transform = `translateY(${lastScroll * 0.15}px)`;

    // 文字渐隐渐显：0-300px
    const maxTextScroll = 300;
    const textOpacity = Math.max(0, 1 - lastScroll / maxTextScroll);
    heroContent.style.opacity = textOpacity;

    // 动态叠加层：滚动 0-500px
    const maxOverlayScroll = 500;
    const overlayOpacity = Math.min(0.65, lastScroll / maxOverlayScroll * 0.65);

    // 渐变色微调（偏暖橙/偏冷蓝）
    const warmFactor = Math.min(1, lastScroll / maxOverlayScroll);
    const r = Math.floor(0 + 255 * warmFactor * 0.1);
    const g = Math.floor(0 + 200 * warmFactor * 0.05);
    const b = Math.floor(0 + 255 * (1 - warmFactor) * 0.05);

    overlay.style.background = `linear-gradient(to bottom, rgba(${r},${g},${b},${overlayOpacity*0.0}), rgba(${r},${g},${b},${overlayOpacity}))`;

    requestAnimationFrame(updateHeader);
  }

  // 在页面加载完成后检查视频播放
  document.addEventListener('DOMContentLoaded', function() {
    // 等待一小段时间再检查视频播放，确保视频元素已准备好
    setTimeout(checkVideoPlayback, 500);
  });

  requestAnimationFrame(updateHeader);
